<template>
    <div id="seachDialog">
      <el-dialog
        title="快速筛选"
        :visible.sync="searchData.show"
        width="520px"
        :before-close="handleClose">
        <el-row style="padding:30px 70px 50px 20px;overflow-y:auto;height:580px;width:540px;overflow-x:hidden;">
            <el-form ref="searchForm" :model="parames" label-width="120px">
                <el-form-item label="商机概述:">
                    <el-input size="small" v-model="parames.name" placeholder="请输入商机概述"></el-input>
                </el-form-item>
                <el-form-item label="优先级:">
                    <el-select style="width:100%" size="small" v-model="parames.youxian" multiple placeholder="请选择优先级">
                        <el-option label="普通" value="1"></el-option>
                        <el-option label="重要" value="2"></el-option>
                        <el-option label="紧急" value="3"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="客户喜好:">
                    <el-select style="width:100%" size="small" v-model="parames.youxian" multiple placeholder="请选择客户喜好">
                        <el-option label="办理高效" value="1"></el-option>
                        <el-option label="服务优质" value="2"></el-option>
                        <el-option label="价格实惠" value="3"></el-option>
                        <el-option label="其他" value="3"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="自定义标签:">
                    <el-select style="width:100%" size="small" v-model="parames.youxian" multiple placeholder="请选择自定义标签">
                    </el-select>
                </el-form-item>
                <el-form-item label="联系人:">
                    <el-input size="small" v-model="parames.name" placeholder="请输入联系人"></el-input>
                </el-form-item>
                <el-form-item label="联系方式:">
                    <el-row>
                        <el-col :span="8">
                            <el-select size="small" v-model="parames.phoneTyPe">
                                <el-option label="手机" value="telphone"></el-option>
                                <el-option label="电话" value="phone"></el-option>
                                <el-option label="邮箱" value="email"></el-option>
                                <el-option label="QQ" value="qq"></el-option>
                                <el-option label="微信" value="chat"></el-option>
                            </el-select>
                        </el-col>
                        <el-col :span="16">
                            <el-input size="small" v-model="parames.phone" placeholder="请输入"></el-input>
                        </el-col>
                    </el-row>
                </el-form-item>
                <el-form-item label="客户名称:">
                    <el-input size="small" v-model="parames.name" placeholder="请输入客户名称"></el-input>
                </el-form-item>
                <el-form-item label="商机来源类型:">
                    <el-select style="width:100%" size="small" v-model="parames.youxian" placeholder="请选择">
                        <el-option label="老客户" value="1"></el-option>
                        <el-option label="同事" value="2"></el-option>
                        <el-option label="渠道" value="3"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="产品类型:">
                    <el-select style="width:100%" size="small" v-model="parames.youxian" multiple placeholder="请选择产品类型">
                        <el-option label="普通" value="1"></el-option>
                        <el-option label="重要" value="2"></el-option>
                        <el-option label="紧急" value="3"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="状态:">
                    <el-select style="width:100%" size="small" v-model="parames.youxian" multiple placeholder="请选择状态">
                        <el-option label="普通" value="1"></el-option>
                        <el-option label="重要" value="2"></el-option>
                        <el-option label="紧急" value="3"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="最近跟进时间开始:">
                    <el-date-picker
                    size="small"
                    v-model="parames.date"
                    type="date"
                    placeholder="选择日期">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="最近跟进时间截止:">
                    <el-date-picker
                    size="small"
                    v-model="parames.date"
                    type="date"
                    placeholder="选择日期">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="跟进内容:">
                    <el-input size="small" v-model="parames.name" placeholder="请输入跟进内容"></el-input>
                </el-form-item>
                <el-form-item label="下次回访时间:">
                    <el-date-picker
                    style="width:310px"
                    size="small"
                    v-model="parames.date"
                    type="daterange"
                    placeholder="选择日期">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="当前责任人:">
                    <el-input size="small" v-model="parames.name" placeholder="请输入当前责任人"></el-input>
                </el-form-item>
                <el-form-item label="责任人部门:">
                    <department></department>
                </el-form-item>
                <el-form-item label="创建人:">
                    <el-input size="small" v-model="parames.name" placeholder="请输入创建人"></el-input>
                </el-form-item>
                <el-form-item label="创建时间:">
                    <el-date-picker
                    style="width:310px"
                    size="small"
                    v-model="parames.date"
                    type="daterange"
                    placeholder="选择日期">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="关联合同:">
                    <el-input size="small" v-model="parames.name" placeholder="请输入关联合同"></el-input>
                </el-form-item>
                <el-form-item label="转出人:">
                    <el-input size="small" v-model="parames.name" placeholder="请输入转出人"></el-input>
                </el-form-item>
                <el-form-item label="转出部门:">
                    <department></department>
                </el-form-item>
                <el-form-item label="转出时间:">
                    <el-date-picker
                    style="width:310px"
                    size="small"
                    v-model="parames.date"
                    type="daterange"
                    placeholder="选择日期">
                    </el-date-picker>
                </el-form-item>
            </el-form>
        </el-row>
        <span slot="footer" class="dialog-footer">
            <el-button size="small" icon="el-icon-money" style="float:left" type="text">保存分类</el-button>
            <el-button size="small" @click="handleClose">取消</el-button>
            <el-button size="small" type="primary" @click="handleClose">查询</el-button>
        </span>
      </el-dialog>
    </div>
</template>

<script>
import department from '../../components/department'
export default {
    props: ['searchData'],
    data() {
        return {
          parames: {
              name: '',
              youxian: '',
              date: ''
          }
        };
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },
    methods: {
        handleClose () {
            this.searchData.show = false
        }
    },
    components: {
        department
    },
};
</script>

<style>
#seachDialog .el-dialog{
    padding-bottom: 0; 
    overflow-x: hidden;
}
#seachDialog .el-dialog__footer{
    border-top: #f4f4f4 solid 1px;
}
</style>
